<template>
    <section>
        <p>35 vuetify 下拉选择</p>
    <div>
      <v-select
        :items="items"
        density="compact"
        label="Compact"
        v-model="a0"
      ></v-select>
  
      <v-select
        :items="items"
        density="comfortable"
        label="Comfortable"
        v-model="a1"
      ></v-select>
  
      <v-select
        :items="items"
        label="Default"
        v-model="a2"
      ></v-select>
    </div>
    <p>output0 = {{ a0 }}</p>
    <p>output1 = {{ a1 }}</p>
    <p>output2 = {{ a2 }}</p>
</section>
  </template>
  <!-- <script>
    export default {
      data: () => ({
        items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
      }),
    }
  </script> -->

<script setup>
 import {ref} from 'vue';
 const items = ref(['Foo', 'Bar', 'Fizz', 'Buzz'])
 const a0 = ref('Fizz')
 const a1 = ref('Buzz')
 const a2 = ref('Bar')
</script>